<template>
	<view style="padding-bottom: 100rpx;">
		<tab-bar :select="1"></tab-bar>
		<view class="two_head">
			<view class="two_head_left">
				工单编号
			</view>
			<view class="two_head_center">
				提报人
			</view>
			<view class="two_head_right">
				提报时间
			</view>
		</view>
		<view class="two_head item_color" @tap="jumpDeail" v-for="(item,index) in list" :key='index'>
			<view class="two_head_left">
				{{item.id}}
			</view>
			<view class="two_head_center">
				{{item.name}}
			</view>
			<view class="two_head_right">
				{{item.time}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					id: 1,
					name: '张三',
					time: '2022-9-8'
				}, {
					id: 1,
					name: '张三',
					time: '2022-9-8'
				}, {
					id: 1,
					name: '张三',
					time: '2022-9-8'
				}, {
					id: 1,
					name: '张三',
					time: '2022-9-8'
				}, {
					id: 1,
					name: '张三',
					time: '2022-9-8'
				}, {
					id: 1,
					name: '张三',
					time: '2022-9-81111111111111111111'
				}, ]
			}
		},
		methods: {
			jumpDeail() {
				uni.navigateTo({
					url: '../work_detail/work_detail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.two_head {
		padding: 36rpx 0 38rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #7F8084;
		border-bottom: 2rpx solid #EFEFEF;
	}

	.two_head_left {
		flex: 2;
		min-width: 0;
	}

	.two_head_center {
		flex: 3;
		min-width: 0;
	}

	.two_head_right {
		flex: 3;
		min-width: 0;
	}

	.item_color {
		color: #474747;
	}
</style>
